<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title><ui:insert name="titulo">SGE</ui:insert>
	</title>
	<h:outputStylesheet library="css" name="topo.css" />
	<h:outputStylesheet library="css" name="estilo.css" />
	<h:outputStylesheet library="css" name="login.css" />
	<h:outputStylesheet library="css" name="rodape.css" />
	<h:outputStylesheet library="css" name="adm.css" />
	
	<script src="http://code.jquery.com/jquery-1.7.1.min.js"
		type="text/javascript"></script>
	<script type="text/javascript"
		src="https://maps.google.com/maps/api/js?sensor=false"></script>

	<h:outputScript library="js" name="gmaps.js"></h:outputScript>
	<h:outputScript library="js" name="cep_clean.js"></h:outputScript>
	<h:outputScript library="js" name="mask.js"></h:outputScript>
	<h:outputStylesheet library="css" name="clean.css"></h:outputStylesheet>

	

	<script type="text/javascript">

$(document).ready(function(){
 $('#conteudo').show();
 $('#resposta_cpf').hide();
 $("#selectfunc").hide();
 $("#registrarponto").hide();
 
 $('#info_cpf').click(function(event){
	 event.preventDefault();	
	 $("#resposta_cpf").fadeIn(1000);
	 });

 $('#ocultar').click(function(event){
 event.preventDefault();
 $("#conteudo").fadeOut();
 $("#login").fadeIn(3500);
 });

 $('#verificahora').click(function(event){
	 event.preventDefault();
	 $("#lista").hide();
	 $("#selectfunc").show(1000);
	 });

 $('#baterponto').click(function(event){
	 event.preventDefault();
	 $("#listahorafunc").hide();
	 $("#registrarponto").show(1000);
	 });

 $('#cancelverific').click(function(event){
	 event.preventDefault();
	 $("#lista").show(1000);
	 $("#selectfunc").hide();
	 });

 
 });

</script>

<script>
            $(function(){
                wscep({'auto':true, 'map':'map1'})
            });
        </script>




</h:head>
<h:body>

	<div id="container">
		<div id="topo">
			<ui:insert name="topo">
				<ui:include src="/templates/topo.xhtml" />
			</ui:insert>
		</div>



		<div id="corpo">
			<ui:insert name="corpo">
			</ui:insert>
		</div>


	</div>


	<div id="rodapecontainer">

		<ui:insert name="rodape">
			<ui:include src="/templates/rodape.xhtml" />
		</ui:insert>
	</div>





</h:body>

</html>